/* BODY */
body
{
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 5px 0;
  padding: 0 ;
  text-align: center; 
}

/* HEADER */
#header
{
  height : 5%;
  background : green;
}

/* MAIN-CONTAINER */
#main-container
{
  overflow : auto;
}

/* MENU */
#menu
{
  float : left;
  overflow : auto;
  background : red;
  margin : 0;
  min-width : 150px;
  width : 10%;
  height : 90%;
}

h3
{
  margin : 0px 0px 0px 0px;
}
.pushed
{
  background : #666666;
  font-style : normal;
  color : black;
  margin : 0px 0px 3px 0px;
  border : 2px black solid;
  width : 100px
}

.unpushed
{
  background: #C0C0C0;
  font-style : normal;
  color : black;
  margin : 0px 0px 3px 0px;
  border : 2px black solid;
  width : 100px;
}


/* FORMULAIRE */
#form-container
{
  overflow : auto;
  background : orange;
  width : 90%;
  height : 90%;
  text-align: left;
}

.formulaire
{
   border: 5px black ridge;
   margin : 0px 0px 10px 0px;
   background : brown;
}

.titreFormulaire
{
  font-weight: bold;
}

.titreType
{
  margin: 0px 0px 0px 10px;
  font-style : normal;
}

input[type="radio"]
{
  margin : 0px 0px 0px 60px;
}

.label-radio
{
  margin : 0px 30px 0px 0px;
}

.toHide
{
  visibility : hidden;
  font-style : normal;
}

.toShow
{
  visibility : visible;
  font-style : normal;
}

label
{
  font-style : italic;
}

/* FOOTER */
#footer
{
  height : 5%;
  background : green;
}

